.event-fight {
  display: flex;
  flex: 1;
  height: 0;
  .fight-ready {
    flex: 1;
    display: flex;
    .fight-ready-content {
      flex: 2;
      padding: 50px;
      width: 0;
      .fight-ready-tip {
        padding-bottom: 29px;
        font-size: 20px;
        text-align: center;
        em {
          font-style: normal;
          color: #FF9900;
        }
      }
      .fight-ready-countdown {
        padding: 10px 20px;
        text-align: center;
        font-size: 20px;
      }
      .fight-ready-decide {
        display: flex;
        flex-direction: column;
        align-items: center;
        .fight-ready-decide-btn {
          width: 300px;
          padding: 10px 20px;
          text-align: center;
          font-size: 20px;
          border: 1px solid #dcdee2;
          &:hover {
            color: #2db7f5;
            border: 1px solid #2db7f5;
            cursor: pointer;
          }
        }
      }
    }
    .fight-ready-setting {
      flex: 1;
      width: 0;
      padding: 20px;
      text-align: center;
      border-left: 1px solid #dcdee2;
      .fight-ready-setting-title {
        font-size: 20px;
      }
      .fight-ready-setting-content {
        padding-top: 10px;
        .fight-ready-setting-item {
          &:not(:last-child) {
            margin-bottom: 10px;
          }
          .fight-ready-setting-item-btn {
            display: flex;
            justify-content: center;
            padding: 8px;
            border: 1px solid #dcdee2;
            border-radius: 4px;
            &:hover {
              color: #2db7f5;
              border: 1px solid #2db7f5;
              cursor: pointer;
            }
            .fight-ready-setting-item-btn-toggle-text {
              padding: 0 10px;
            }
          }
        }
      }
    }
  }
  .fight-run {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 50px;
    .enemy {
      width: 31%;
      margin: 0 1% 2% 1%;
      padding: 10px;
      .enemy-name {
        padding: 0 10px;
        font-size: 22px;
      }
      .enemy-hp {
        margin-top: 4px;
        padding: 0 10px;
      }
      .enemy-hp {
        margin-top: 4px;
        padding: 0 10px;
      }
      .enemy-hp-bar {
        margin-top: 4px;
      }
    }
  }
}